<template>
	<div>
		<div class="wid90 mar foSi14">
			<div class="mar-bott5" style="padding: 30px 0 10px;">
				<div class="export-center__tips-bd dis disAl">
					<svg-icon icon-class="tishi" class="mar0 cuPo"
						style="color: #F49352;width: 18px;height: 18px;" />
					<span class="mar-left10">支持“会员分析、会员卡分析、教练分析、课程分析、收入汇总、耗卡汇总、资产负债表”模块近7天以内的导出记录查看及下载，其他报表可以实时下载，不在此表展示</span>
				</div>
			</div>
			<div style="margin-top: 20px">
				<el-table :data="tableData" stripe style="width: 100%">
					<el-table-column prop="name" label="导出时间" />
					<el-table-column prop="name" label="报表名称" />
					<el-table-column prop="name" label="导出人" />
					<el-table-column prop="name" label="状态" />
					<el-table-column :label="$t('table.actions')" align="center" width="280"
						class-name="small-padding fixed-width">
						<template :slot-scope="{ row, $index }">
							<div class="yh_dis">
								<div class="yh_dis" style="align-items: center; margin-right: 10px">
									<i class="el-icon-document" style="color: rgb(25, 165, 88); font-size: 20px" />详情
								</div>
								<div class="yh_dis" style="align-items: center; margin-right: 10px">
									<i class="el-icon-delete" style="color: rgb(25, 165, 88); font-size: 20px" />删除
								</div>
							</div>
						</template>
					</el-table-column>
					<div slot="empty" class="m-empty-box">
						<div class="img mar"><img src="https://www.jianyigongxiang.com/public/membercard/empty.png" class="wh100"></div>
						<span class="title">暂无数据</span>
					</div>
				</el-table>
			</div>
		</div>

	</div>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'

	export default {
		name: 'exportCenter',
		components: {},
		data() {
			return {
				tableData: [],
			}
		},
		computed: {
			...mapGetters([])
		},
		created() {
			this.$store.dispatch('user/changeXuan', {
				key: 'xuanList',
				value: [{
					name: '导出中心',
					url: '/exportCenter'
				}]
			})
			this.$store.dispatch('user/changeXuan', {
				key: 'xuan',
				value: 0
			})
		}
	}
</script>

<style lang="scss" scoped>
	.export-center__tips-bd{
		padding: 10px 15px;
		border: 1px dashed #f49352;
		color: #f49352;
	}
	.m-empty-box {
	    padding: 100px 0;
	    text-align: center;
	    background: var(--white);
	    color: #8a8a8a;
	}
	.img {
	   width: 169px;
	   height: 180px;
	}
	.m-empty-box .title {
	    padding: 20px 0 35px;
	    font-size: 16px;
	}
</style>
